@import "base.less";

#app{
    height: 100%;
    background: @white;
    overflow: hidden;
}
#container {
    
    align-items: flex-start;
    height: 100%;
    
}

.leftbar {
    width: 1.6rem;
    height: 100%;
    background: @background;
    text-align: center;
}

.barItem {
    border-bottom: 1px solid @grey;
    height: 0.88rem;
    line-height: 0.88rem;
    width: 1.6rem;
}

.active.barItem {
    color: @theme;
    border-left: 4px solid @theme;
    background: @white;
}

.barItem {
    border-bottom: 1px solid @grey;
    height: .88rem;
    line-height: .88rem;
    width: 100%;
    margin: 0;
}

.active.menu-text {
    color: @red;
    border-left: 4px solid @red;
    background: @white;
}

.rightContent {
    flex: 1;
    height: 100%;
    overflow: scroll;
}

.categoryItem {
    padding: 0.1rem;
    border-bottom: 1px solid @grey;
    align-items: flex-start;
    height: 2.3rem;
}
.categoryItem:nth-last-child(1){
    margin-bottom: 1.8rem;
}

.shopImg {
    width: 2rem;
    height: 2rem;
    margin-right: 0.2rem;
    img {
        width: 100%;
        height: 100%;
    }
}

.shopText {
    text-align: left;
    flex: 1;
    padding-right: 0.2rem;
    p {
        padding-bottom: 0.15rem;
    }
}

.shopIntro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 0.44rem;
}

.addCartBox {
    text-align: right;
    img {
        width: 0.4rem;
        height: 0.4rem;
    }
}
